<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
</head>
<body>
<div id="hosp">
<div id="header">
    <div class="header_upperledge">
        <img src="../../static/imgs/logo.png">
        <span class="header_upperledge_text">北京市预约挂号统一平台</span>
        <span  class="header_upperledge_clickable1">登录/注册 </span>
        <span  class="header_upperledge_clickable2"> 帮助中心  </span>
        <span class="header_upperledge_clickable3">敬老版</span>
    </div>
</div>
<div id="main">
    <div class="main_component">
        <div class="left">
            <ul>
                <li><a href="#"class="hh1">预约挂号</a></li>
                <li><a href="#">医院详情</a></li>
                <li><a href="#">预约须知</a></li>
                <li><a href="#" >停诊信息</a></li>
            </ul>
        </div>
        <div class="right">
            <div data-v-28e32cf7="" data-v-33a448be="" class="hospital-source-list">
                <div data-v-28e32cf7="" class="header-wrapper">
                    <span data-v-55608058="" data-v-28e32cf7="" class="v-link clickable">解放军总医院第一医学中心（301医院） </span>
                    <div data-v-28e32cf7="" class="split"></div>
                    <div data-v-28e32cf7="">肝胆胰外科医学部</div>
                </div>
                <div data-v-28e32cf7="" class="title mt20">肝脏外科门诊</div>
                <div data-v-af87f1a8="" data-v-28e32cf7="" class="mt60">
                    <div data-v-af87f1a8="" class="title-wrapper"> 2022年05月 </div>
                    <div data-v-af87f1a8="" class="calendar-list-wrapper">
                        <div class="el-loading-mask" style="display: none;">
                            <div class="el-loading-spinner">
                                <svg viewBox="25 25 50 50" class="circular">
                                    <circle cx="50" cy="50" r="20" fill="none" class="path">
                                    </circle>
                                </svg>
                            </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray selected ">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月07日</span>
                                <span data-v-6bb9e919="" class="week">周六</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月08日</span>
                                <span data-v-6bb9e919="" class="week">周日</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 无号 </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月09日</span>
                                <span data-v-6bb9e919="" class="week">周一</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月10日</span>
                                <span data-v-6bb9e919="" class="week">周二</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月11日</span>
                                <span data-v-6bb9e919="" class="week">周三</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                        </div>
                        <div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                            <div data-v-6bb9e919="" class="date-wrapper">
                                <span data-v-6bb9e919="">05月12日</span>
                                <span data-v-6bb9e919="" class="week">周四</span>
                            </div>
                            <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                        </div><div data-v-6bb9e919="" data-v-af87f1a8="" class="calendar-item gray  space">
                        <div data-v-6bb9e919="" class="date-wrapper">
                            <span data-v-6bb9e919="">05月13日</span>
                            <span data-v-6bb9e919="" class="week">周五</span>
                        </div>
                        <div data-v-6bb9e919="" class="status-wrapper"> 约满 </div>
                    </div>
                    </div>
                    <div data-v-52acb394="" data-v-af87f1a8="" class="pagination el-pagination" hide-on-single-page="" layout="prev, pager, next" page-count="4" current-page="1" style="margin-top: 30px;">
                        <button type="button" disabled="disabled" class="btn-prev">
                            <i class="el-icon el-icon-arrow-left"></i>
                        </button>
                        <ul class="el-pager">
                            <li class="number active">1</li>
                            <li class="number">2</li>
                            <li class="number">3</li>
                            <li class="number">4</li>
                        </ul>
                        <button type="button" class="btn-next">
                            <i class="el-icon el-icon-arrow-right"></i>
                        </button>
                    </div>
                    <div class="dt">当天已无号，请查看其它日期号源</div>
                </div>

                </div>
					
					
				<span>上午号源</span><br/><br/>
				<div class="morming">				
					 <div>知名专家</div>	
					 <div class="d">李桂</div>
					 <div class="d">￥200</div>
					 <div class="d"><div class="yue" onclick="location.href='yygh.html'			">余2张</div></div>
				</div>
				<br/><br/><br/><br/>
				<div class="morming">				
					 <div>知名专家</div>	
					 <div class="d">李桂</div>
					 <div class="d">￥200</div>
					 <div class="d"><div class="yue">约满</div></div>
				</div>
				<br/><br/><br/><br/>

				<span>下午号源</span><br/><br/>
				<div class="after">				
					 <div>知名专家</div>	
					 <div class="d">李桂</div>
					 <div class="d">￥200</div>
					 <div class="d"><div class="yue">约满</div></div>
				</div>
				<br/><br/><br/><br/>
				<div class="after">				
					 <div>知名专家</div>	
					 <div class="d">李桂</div>
					 <div class="d">￥200</div>
					 <div class="d"><div class="yue">约满</div></div>
				</div>
        </div>
    </div>

</div>
<div id="remnant">
    <div id="footer-container">
        <span>京ICP备05021558号-24&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp电话挂号010-114</span>
        <ul>
            <li><a href="#">扫一扫</a></li>
            <li><a href="#">隐私协议</a></li>
            <li><a href="#">用户协议</a></li>
            <li><a href="#">合作伙伴</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
</div>
</div>
</body>
</html>